<%@ page import="java.sql.*" %>
<html>
<head>
    <script type="text/javascript">
        //先检验能不能运行起来，能不能连上，自动推送数据，先不做数据显示
        //客户端就会与服务器进行连接
        var host = window.location.host;
        var webSocket = new WebSocket("ws://" + host + "/websocket");

        //这里只是调试用
        //连接失败时回调
        webSocket.onerror = function (event) {
            makeDataOnWeb("error");
        };

        //这里只是调试用
        //连接成功时回调，真的会执行括号中的代码！
        webSocket.onopen = function (event) {
            makeDataOnWeb("conn success");
        };

        webSocket.onmessage = function (event) {
            makeDataOnWeb("on message");
            if(event.data == "OK"){
                webSocket.send("sceneId:FIRST");
                // webSocket.send("sceneId:SECOND_GuangMing");
                    // webSocket.send("sceneId:THIRD_GuangMing");
            } else {
                var data = event.data;
                var jsonData = JSON.parse(data);
                console.log(data);
            }

            makeDataOnWeb(event.data);

        };

        //这里只是调试用
        webSocket.onclose = function (event) {
            makeDataOnWeb("conn close");
        };

        function makeDataOnWeb(data) {
            var a = data;
            var divNode = document.getElementById("view");
            var liNode = document.createElement("li");
            liNode.innerHTML = a;
            divNode.appendChild(liNode);
//            divNode.insertBefore(liNode, divNode.children[0]);
            //不能用insertAfter，好像不是这么用的

            //            var divNode = document.getElementById("view");
//            var trNode = document.createElement("tr");
//            var td1 = document.createElement("td");
//            var td2 = document.createElement("td");
//            var td3 = document.createElement("td");
//            td1.innerHTML = a;
//            td2.innerHTML = a;
//            td3.innerHTML = a;
//            trNode.appendChild(td1)
//            trNode.appendChild(td2)
//            trNode.appendChild(td3)
            //            var head = document.getElementById("head");

//            document.write(a+"<br>");//直接写
//            document.getElementsById("a").innerHTML="fadfadfa";//不输出任何内容

        };

    </script>
</head>

<body>

<%@page contentType="text/html; utf8" %>
<%@page language="java" %>
<%@page import="java.sql.*" %>
<%@page pageEncoding="UTF-8" %><!--解决中文乱码-->

<div id="view">

</div>

</body>

</html>